<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作元素样式</title>
</head>

<body>
    <!-- 操作元素的样式 -->
    <!-- 获取class属性的值：attr（"class"）即样式的名称 -->
    <!-- 修改class的值：attr("class","样式名")，相当于改了class名字 -->
    <!-- 添加样式名称：addClass("样式名")，这个不会覆盖原来的值，相当于多添加了一个class名 -->
    <!-- 添加css的样式：设置单个css("具体样式名"，"具体样式值")   设置多个时css({"具体样式名"："具体样式值","具体样式名"："具体样式值"}) -->
    <!-- 移除样式:removeClass("样式名")  -->
</body>

</html>